﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<div class="modal-dialog x-modal-dialog" style="width: 650px; margin-top: 100px;">

  <div class="modal-content">

    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">
        <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
      </button>
      <h4 class="modal-title">Online&nbsp;-&nbsp;Data</h4>
    </div>

    <form class="form-horizontal" role="form" method="POST" action="${ctx.host}/active-sessions/${sessionId}/data-upload" enctype="multipart/form-data" data-validate="true">

      <div class="modal-body">

        <div class="form-group ihg-form-group">
          <label class="col-xs-3 control-label">Wave Data</label>
          <div class="col-xs-6" style="padding-right: 0px;">
            <label class="form-control file-container">
               <span data-placeholder="Click here to upload wave data excel"><span class="label label-primary" style="float: right; font-size: 14px;">select file</span></span>
               <input name="waveData" type="file" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" data-validate="required"></input>
            </label>
          </div>
        </div>
        
        <div class="form-group ihg-form-group">
          <label class="col-xs-3 control-label">Swift Data</label>
          <div class="col-xs-6" style="padding-right: 0px;">
            <label class="form-control file-container">
               <span data-placeholder="Click here to upload swift data excel"><span class="label label-primary" style="float: right; font-size: 14px;">select file</span></span>
               <input name="swiftData" type="file" accept="application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" data-validate="required"></input>
            </label>
          </div>
        </div>

      </div>

      <div class="modal-footer" style="text-align: center;">
        <button type="submit" class="btn btn-success btn-shadow btn-shadow-success x-btn">Submit</button>
        <button type="button" class="btn btn-default btn-shadow btn-shadow-default x-btn" data-dismiss="modal">Cancel</button>
      </div>
    </form>
  </div>

</div>

<script type="text/javascript">
  $('form[data-validate="true"]').bt_validate()  
</script>
